.selection-list {
  padding: var(--SelectionList__padding, 0.3em);
  max-height: var(--SelectionList__max-height, 14em);
  overflow: auto;

  &.disabled {
    pointer-events: none;
  }

  &.truncate {
    overflow-y: auto;
  }

  li {
    border-radius: 0.2em;

    &:hover {
      background: var(--color-navigation-10);
    }

    &.in-focus {
      background: var(--color-navigation-10);
    }

    &.selected {
      background: var(--color-navigation-25);
    }

    & + li {
      margin-top: var(--SelectionList__option-spacing-y, 0.2em);
    }
  }
}
